<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link
      rel="icon"
      type="image/svg+xml"
      href="/icon.svg"
    />
    <!-- <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0 "
    /> -->
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,viewport-fit=cover,minimum-scale=1, maximum-scale=1"
    />
    <!-- <meta
      name="viewport"
      content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"
    /> -->
    <link
      rel="stylesheet"
      href="./src/assets/g.css"
    />

    <title>模板</title>
    <style>
      /* 全局滚动条样式 */
      ::-webkit-scrollbar {
        width: 6px;
        background-color: #ffffff;
      }

      /* 滚动条滑块样式 */
      ::-webkit-scrollbar-thumb {
        background-color: #c9c9c9;
        border-radius: 4px;
      }

      /* 滚动条轨道样式 */
      ::-webkit-scrollbar-track {
        background-color: #ffffff;
        border-radius: 4px;
      }
      /* 滚动条按钮样式 */
      ::-webkit-scrollbar-button {
        display: none;
      }

      /* 平滑滚动 */
      html {
        scroll-behavior: smooth;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <script
      type="module"
      src="/src/main.js"
    ></script>
  </body>
</html>
